This website was one of the last projects I worked on for InifinitiLab, an IT consultancy that I had the pleasure to be a part of from May 2018 to Aug 2020. It was built from scratch using ASP.NET Core and Angular.
The problem
This website was a main part of the rebranding initiative that InfinitiLab was undergoing at the time. The main focus point was to revamp their website to a more contemporary modern look, in order to attract both prospective clients and to hire new talent. We wanted to organise the website in a way that was easy to consume while also informative to the user.
The solution
The first step in this process was deciding on a general layout for each of the sections within the website. So we decided on what content we want to display for each section and decided on the purposes for each of the pages.
For example: we knew that we wanted to make an impact on the landing page, in order to pull the viewer in and encourage them to explore more of the website. We achieved this by showcasing a fullscreen banner image with rotating text to capture the user's attention while being straight to the point.
The pages we decided on were the tried and tested:
- Home
- Portfolio
- About
- Career
- Contact
Portfolio
We wanted a way to showcase the kind of things that we could do for any new clients. This resulted in a grid layout of each project's case studies that provides an at-a-glance view for people to navigate with.
The cool thing about this section was the way we input the content. Instead of having static html pages for each case study, I created a standard component layout that all the projects followed, and took JSON as an input. This makes it very easy for us to maintain the list of projects and introduces an opportunity to create a simple Content Management System in the future.
The outcome
The revamped website was a resounding success, after publishing the new website we got many prospective client emails and fresh graduates or interns applying for the jobs listed.
I encourage you to check it out if you're ever in need of web solutions!
Some of what I learned:
This project was a very front-end design focused project that allowed me to experiment with and implement a bunch of styling best practices in terms that include things like:
- font-sizes
- 8px grid system
- responsive screen sizes
- optimised images using webp
- photoshop